<template>
  <button
    type="button"
    class="close-button"
    aria-label="Close">
    <svg-icon icon-class="close"></svg-icon>
  </button>
</template>

<script>
  export default {
    name: "close-button"
  }
</script>

<style lang="scss">
  @include b(close-button) {
    background: $--color-white;
    border: none;
    outline: none;
    cursor: pointer;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    box-shadow: 0px 8px 30px 0px rgba(0,0,0,0.24);
    display: flex;
    align-items: center;
    justify-content: center;
    .svg-icon {
      width: 14px;
      fill: $--color-black-3;
    }
  }

</style>